<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VideoPlayer</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="player">
        <video src="652333414.mp4" class="play_video viewer"></video>
        <div class="play_controls">
            <!--进度条-->
            <div class="progress">
                <div class="progress_range"></div>
            </div>
            <!--播放 暂停-->
            <button class="player_button play">►</button>
            <!--❚❚-->
            <!--前进和后退-->
            <button class="player_button" data-skip="-10">《10s</button>
            <button class="player_button" data-skip="25">25s》</button>
            <!--声音-->
            <button class="player_button voice">♫</button>
            <input type="range" class="video_voice" min="0" max="1" step="0.01" value="0.2" />
            <span class="voice_num">0</span>
        </div>

    </div>
    <script src="scripts.js"></script>
</body>

</html>